<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>双方电子合同</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font: 12pt "Microsoft YaHei";
            table-layout: fixed;
        }

        .page {
            margin: 0 auto;
            position: relative;
            height: auto;
        }

        .showPaper {
            width: 21cm;
            padding: 0.445cm 0.5cm;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)
        }

        @page {
            size: A4 ;
        }

        @media print {
            .page {
                margin: 0;
                border: initial;
                border-radius: initial;
                width: initial; /*21*/
                min-height: initial;
                box-shadow: initial;
                background: initial;
                page-break-after: always;
                position: relative;
            }
        }
        .over-title {
            padding: 4px 12px;
            border: 1px double #FF0000;
            color: #FF0000;
            font-size: 14px;
            position: absolute;
            font-weight: bold;
            top: 0;
            left: 0;
        }

        .title {
            font-size: 16px;
            font-weight: bold;
            text-align: center;
        }

        .subTitle {
            font-size: 20px;
            line-height: 40px;
            font-weight: bold;
            text-align: center;
        }

        .sourceTitle {
            font-size: 14px;
            line-height: 26px;
            font-weight: bold;
            margin: 6px 0;
            padding: 0;
        }

        .bline {
            border-bottom: #cccccc 1px solid;
            padding: 3px 4px;
            color: black;
            font-size: 14px;
        }

        p {
            font-size: 14px;
            line-height: 24px;
            padding: 0;
            margin: 8px 0;
        }

        .sub-xs {
            float: left;
            width: 50%;
            margin: 4px 0;
        }

        .sp26 {
            margin-left: 26px;
        }

        .st16 {
            margin-top: 16px;
        }

        table, table tr th, table tr td {
            border: #cccccc 1px solid;
        }

        table {
            margin: 0 26px;
            font-size: 12px;
            width: calc(100% - 52px);
            min-height: 20px;
            line-height: 20px;
            text-align: center;
            border-collapse: collapse;
        }

        .box {
            margin-top: 24px;
            height: 150px;
            position: relative;
        }

        .box_seal {
            position: absolute;
            left: 20px;
            top: -16px;
            width: 100%;
            height: 100%;
            text-align: center
        }

        .seal_dot_box {
            position: absolute;
            margin-left: 3cm;
            height: 4.0cm;
            width: 4cm;
            border: 1px dashed #f67c7c;
            color: red;
        }

        .seal_dot_box_tip {
            position: absolute;
            width: 100%;
            text-align: center;
            transform: rotate(-45deg);
            top: calc(50% - 8px);
        }

        .signature_box {
            position: absolute;
            margin-left: 3cm;
            height: 4.0cm;
            width: 6cm;
        }

        .signature-img {
            position: absolute;
            left: 0;
            max-height: 100%;
            max-width: 100%;
        }
    </style>
</head>
<body>
<!---->
<div class="book" id="book">
    <div class="page" th:classappend="${!pdfPrint?'showPaper':''}">
        <div class="subpage">
            <div class="title">网络货运平台道路货物运输</div>
            <div class="subTitle">双方运输合同</div>
            <div style="border-bottom:#dadef6 1px dotted;margin-top: 16px;margin-bottom: 8px"></div>
            <div class="sourceTitle">甲方（托运人）：<span class="bline" id="aPartyName" th:text="${contract.paPartyName}"></span></div>
            <div class="sourceTitle">乙方（承运人）：<span class="bline" id="bPartyName" th:text="${contract.pbPartyName}"></span></div>
            <p><span class="sp26"></span>甲乙双方基于“小镖人”APP提供的网络货运平台服务，自愿就甲方将货物委托给乙方承运的事务，根据《中华人民共和国民法典》《中华人民共和国道路交通安全法》等相关规定，在平等自愿、充分协商的基础上，订立本合同，以便双方共同遵守。</p>
            <div class="sourceTitle">第一条 前言</div>
            <p><span class="sp26"></span>甲乙双方均是“小镖人”APP网络服务平台（以下简称“运营平台”）的注册会员，本合同是甲乙双方借助运营平台提供的交易信息，在平台的居间撮合下自愿签订。合同的权利义务由甲乙双方自行承担，但甲乙双方任然同意遵循平台设置的各项交易规则和服务方案。</p>
            <p><span class="sp26"></span>平台设置的各项交易规则，可以作为甲乙双方因履行本合同产生纠纷时，认定各自权利义务及违约责任的辅助工具。</p>
            <div class="sourceTitle">第二条 运输标准</div>
            <p><span class="sp26"></span>甲方委托乙方运输的货物及相应运输事项，以甲乙双方确定的具体明细形成的运单信息为准，甲乙双方应当将本合同及运单信息上传到运营平台备查。</p>
            <div class="sourceTitle">第三条 运输准备</div>
            <p><span class="sp26"></span>在运单生成后，若乙方无法备车或甲方解除货物运输事项，均视为违约。甲乙双方可要求平台根据交易规则，利用交易保障金赔偿对方的损失；也可根据合同通过诉讼等方式直接向对方追索损失。</p>
            <div class="sourceTitle">第四条 货物起运地</div>
            <p><span class="sp26"></span>为保障运费的支付，甲方应当在货物装车起运前，将约定的运费汇入运营平台指定账户，由平台运营商托管；平台运营商核实汇款信息后，根据备查信息向乙方发送起运信息并同时向甲乙双方发送收货码。</p>
            <p><span class="sp26"></span>乙方应当在收到起运信息后，及时根据本合同及运单信息，将货物运送到甲方指定目的地。</p>
            <div class="sourceTitle">第五条 货物验收</div>
            <p><span class="sp26"></span>货物到达目的地并经收货人验货签收后，乙方应当及时向运营平台上传收货回执，向运营平台申请转付运费（运费的支付视为已获得甲方同意）。</p>
            <div class="sourceTitle">第六条 货运纠纷协调</div>
            <p><span class="sp26"></span>甲乙双方在履行合同的过程中产生争议，可申请运营平台根据平台交易规则，就双方权利义务、违约赔偿及采取补救措施等事项进行调解。</p>
            <p><span class="sp26"></span>如甲乙双方对于运营平台的调解结果不服，任何一方均有权要求运营平台暂缓本合同的执行并冻结运费的支取，待纠纷通过双方协商达成合意或经有权机关进行裁决后，再申请运营平台恢复本合同的实施。</p>
            <div class="sourceTitle">第七条 甲方权利义务</div>
            <p><span class="sp26"></span>1.甲方作为托运人，有权对乙方提供的货物运输线路、装运顺序及码放方式等内容进行确认或提出修改意见。</p>
            <p><span class="sp26"></span>2.甲方有权要求乙方提供运输资质及承运人员的驾驶资格证明，有权通过运营平台监督货物运输情况（包括但不限于向运营平台获取GPS定位信息等）。</p>
            <p><span class="sp26"></span>3.甲方应当按照约定将运费及时足额汇入运营平台指定账户，在乙方完成运输事务且没有争议的情况下，同意乙方向运营平台提取运费。</p>
            <p><span class="sp26"></span>4.甲方不得滥用运营平台货运纠纷调解规则，否则应当赔偿由此给乙方造成的损失。</p>
            <div class="sourceTitle">第八条 乙方权利义务</div>
            <p><span class="sp26"></span>1.乙方作为承运人，有权在完成货运事务后，根据运营平台相应规则，要求运营平台及时转付运费。</p>
            <p><span class="sp26"></span>2.乙方有权拒绝甲方不合理或不合法的运输要求，发现甲方托运的货物属于危险品或违禁品，有权拒绝运输并可向运营平台反映或向公安机关报案。</p>
            <p><span class="sp26"></span>3.乙方应当具有相应的运输资质，所配备的驾驶人员应当具有相应的驾驶资格，不得冒险作业（包括但不限于超载、超速、疲劳驾驶等）。</p>
            <p><span class="sp26"></span>4.乙方除应当依法为承运车辆购置保险外，还应当根据平台交易规则及运单信息，为货物购买相应的保险。</p>
            <div class="sourceTitle">第九条 货损</div>
            <p><span class="sp26"></span>货物在运输过程中受损（包括交通事故导致、车辆原因导致及驾驶人员导致、第三人导致及其他原因导致，不可抗力除外），均应当视为乙方违约，乙方应当对货物的损失承担赔偿责任（经甲乙双方同意后，甲方可申请运营平台将运费优先抵扣部分赔偿金）。
                乙方承担赔偿责任后，甲方应当配合乙方向保险公司或第三人追偿。</p>
            <div class="sourceTitle">第十条 运输质量及安全要求</div>
            <p><span class="sp26"></span>乙方安排装货的车辆，货箱要完整清洁，货物要捆扎牢固，苫盖严密。运输途中要定时检查，发现异常情况，及时采取措施，保证运输质量。确保货物安全、及时、完整地送达指定地点。否则，甲方有权要求乙方承担相应的违约责任。</p>
            <div class="sourceTitle">第十一条 合同的变更与解除</div>
            <p><span class="sp26"></span>1.运输合同签订后，任何一方不得擅自解除。如确有特殊原因不能继续履行，需经双方协商同意并将合同解除及解除合同后的后续安排，及时通知运营平台。</p>
            <p><span class="sp26"></span>2.运输合同签订后，任何一方不得擅自变更。如确有特殊原因需要变更，甲乙双方应当签订变更合同的协议并报运营平台备查。</p>
            <p><span class="sp26"></span>3.合同变更或解除后，甲乙双方有权根据解除合同的后续安排或变更后的合同，根据运营平台的运营规则实施。</p>
            <div class="sourceTitle">第十二条 其他</div>
            <p><span class="sp26"></span>1.本合同为运营平台免费提供的合同模板，由甲乙双方自主选择适用。本合同的订立、效力、解释、履行、修改、终止及争议的解决，均应适用中华人民共和国法律。</p>
            <p><span class="sp26"></span>2.本合同若发生争议，双方应友好协商解决;若协商不成发生诉讼的，则可将所争议的事项提交原告所在地有管辖权的法院解决。</p>
            <p><span class="sp26"></span>3.若甲乙双方未采取书面形式另行签订，则保存于运营平台备查的合同视为原件。</p>
            <div class="sourceTitle">第十三条 运单信息</div>
            <p><span class="sp26"></span>本次运单详细信息如下，运单内容发生争议时，将以合同内容为主，合同内容未表明的，以乙方平台上显示的信息为主。</p>
            <div>
                <div style="width: 100%;float: left">
                    <p class="sub-xs"><span class="sp26"></span>托运负责人丨电话：<span class="bline" id="shipperName" th:text="${contract.paPartyPrincipal}+'丨'+${contract.paPartyPhone}"></span></p>
                    <p class="sub-xs"><span class="sp26"></span>托运单号：<span class="bline" id="goodOrderNo" th:text="${contract.deliveryNo}"></span></p>
                </div>
                <div style="width: 100%;float: left">
                    <p class="sub-xs"><span class="sp26"></span>运输方式：<span class="bline" id="shippingType" th:text="${contract.shippingType}"></span></p>
                    <p class="sub-xs"><span class="sp26"></span>运单号：<span class="bline" id="transportNo" th:text="${contract.transportNo}"></span></p>
                </div>
                <div style="width: 100%;float: left">
                    <p class="sub-xs"><span class="sp26"></span>运输司机丨电话：<span class="bline" id="truckUserName" th:text="${contract.truckUserName}+'丨'+${contract.truckUserPhone}"></span></p>
                    <p class="sub-xs"><span class="sp26"></span>车辆牌号：<span class="bline" id="truckNo" th:text="${contract.truckNo}"></span></p>
                </div>
                <div style="width: 100%;float: left;">
                    <p><span class="sp26"></span>备注：发货人、收货人及其货物信息详见电子回单</p>
                </div>
            </div>
            <div>
                <div style="width: 100%;float: left">
                    <div class="box sub-xs">
                        <div class="sourceTitle"><span class="sp26"></span>甲方(签名/盖章)：<span class="bline" id="aPartyName1" th:text="${contract.paPartyName}"></span></div>
                        <p class="st16"><span class="sp26"></span>联系电话：<span class="bline" id="aPartyPhone" th:text="${contract.paPartyPhone}"></span></p>
                        <p class="st16"><span class="sp26"></span>签署日期：<span class="bline" id="aSureTime" th:text="${contract.paSureTime}"></span></p>
                        <div class="box_seal">
                            <div class="seal_dot_box" th:if="${contract.paPartySign==null}">
                                <div class="seal_dot_box_tip">印章/签名粘贴处</div>
                            </div>
                            <div class="signature_box">
                                <img id="aPartySign" th:src="${contract.paPartySign}" alt="" class="signature-img"/>
                            </div>
                        </div>
                    </div>
                    <div class="box  sub-xs">
                        <div class="sourceTitle"><span class="sp26"></span>乙方(签名/盖章)：<span class="bline" id="bPartyName1" th:text="${contract.pbPartyName}"></span></div>
                        <p class="st16"><span class="sp26"></span>联系电话：<span class="bline" id="bPartyPhone" th:text="${contract.pbPartyPhone}"></span></p>
                        <p class="st16"><span class="sp26"></span>签署日期：<span class="bline" id="bSureTime" th:text="${contract.pbSureTime}"></span></p>
                        <div class="box_seal">
                            <div class="seal_dot_box" th:if="${contract.pbPartySign==null}">
                                <div class="seal_dot_box_tip">印章/签名粘贴处</div>
                            </div>
                            <div class="signature_box">
                                <img id="bPartySign" th:src="${contract.pbPartySign}" alt="" class="signature-img"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <p><span></span>合同存档编号：<span class="bline" id="promiseNo" th:text="${contract.promiseNo}"></span></p>
                <p><span></span>提示：为避免发生纠纷，您可以在甲乙双方方均签订合同后在APP端下载合同PDF源文件进行留存备份！</p>
            </div>
        </div>
        <div th:if="${pdfPrint}" class="over-title">运单编号：<span th:text="${contract.transportNo}"></span></div>
    </div>
</div>

</body>
</html>
